<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
	</head>
	<style>
		bo dy{
			width: 500px;
			height: 100000000px;/*滚动条*/
			 /* 背景尺寸：函数：contain【√】  cover */
			background-size: contain; /*等比例宽高【缩放】，保证页面图片全部显示*/
			background-image: url(img/龙门币.png);
			/* 背景图控制属性： 滚动，固定， */
			background-attachment: fixed; 
		}
		
		
		
		div{
			width: 500px;
			height: 500px;
			/*等同于border的功能：确定选择器是否选中、布局*/
			backgr ound-color: #58d1ad;
			background-image: url(img/龙门币.png);
			/* 背景图小于空间【自动平铺】 去掉平铺 */
			background-repeat: no-repeat;
			backgr ound-repeat: repeat-x;
			backg round-repeat: repeat-y;
			/* 背景尺寸,属性值:数值/百分比
			                 函数 cover 等比例宽高【放大】，图片覆盖整个容器
							     contain 等比例宽高【缩小】，保证页面图片全部显示
			 */
			border: 1px solid red;
			background-size: 20%;
			/* 背景定位：先决条件，背景图小于外围空间 功能：精灵图定位*/
			background-position:bottom center; /* 位置固定9个点 */
			background-position: 80% 0; /* 任意i的那个位置：数值px+数值%*/
		}
		
	</style>
	<body>
		Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque accusamus eius, mollitia aut eum, in consequatur adipisci sint deserunt eveniet sit quae dolore nobis. Praesentium impedit iste ea rerum velit?kor
		Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quas dolorem laboriosam, mollitia suscipit est dolor similique corporis reprehenderit quidem? Necessitatibus earum optio molestiae repellat, placeat id. Itaque suscipit sapiente maiores!
		<!-- css背景：背景图，背景颜色 ----区别：页面任意移动位置
		     html图片 img			 ----区别：页面定死位置
			 子属性
			 background-color背景颜色：十六进制色值
			 复合属性
			 background：十六进制色值;
		 -->
		 <div></div>
	</body>
</html>